<%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet" %>

<portlet:defineObjects />

<portlet:renderURL var="paymentmodeURL">
	<portlet:param name="jspPage" value="/html/payments/payment-mode.jsp" />
</portlet:renderURL>

<div id="main">
	<h1>Payments</h1>
	<div class="content"> 
 		<p>You are currently making payment for the following:</p>
    	<table width="100%">
     	<tr>
       	<td width="20%">Payment Type:</td><td><strong>Ground Rent</strong></td>
     	</tr>
      <tr>
      	<td colspan="2">
        <br>
      	<form name="form1" method="post" action="">
        	<table width="100%" id="paytab-2">
          	<tr class="title">
              <td width="5">&nbsp;</td>
              <td style="width:15%">Cert. Of Occ.</td>
              <td style="width:20%">Reference No.</td>
              <td style="max-width:20%">Lease No.</td>
              <td style="width:40%">Property Address </td>
            </tr>
            <tr>
            	<td><input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_0"></td>
              <td>XYZ1432EED</td>
              <td>CRSG001-768</td>
              <td>CRXYZ4</td>
              <td>8, Eket Road, Calabar, </td>
           	</tr>
            <tr>
            	<td><input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_1"></td>
              <td>ML170711A</td>
              <td>CRSG001-768</td>
              <td>FVGSBS</td>
              <td>16, Industrial Layout, Calabar</td>
            </tr>
            <tr>
            	<td><input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_2"></td>
              <td>GGHBNNN</td>
              <td>CRSG0098-9</td>
              <td>MNKNBH</td>
              <td>78, Izza Road, New Layout</td>
           	</tr>
          </table>
          <br>
          <table width="100%" id="paytab-2" style="z-index:50">
            <tr>
              <td width="22%">Outstanding:</td>
              <td width="38%"><input name="" type="text" readonly="readonly"></td>
              <td width="5%" rowspan="2" bgcolor="#DFFFDF"><img src="${renderRequest.contextPath}/images/success.png" width="30" height="30"></td>
              <td width="35%" rowspan="2" bgcolor="#DFFFDF" style="z-index:20">
              	You are not mandated to make all the payments at once. 
                You can change the amount before you make your payment
             	</td>
            </tr>
            <tr>
               <td>Payment Amount</td>
               <td><input name="" type="text" autofocus></td>
            </tr>
          </table>
      	</form>
    		</td>
   		</tr>
     	<tr>
       	<td>&nbsp;</td>
        <td><br>
        	<input name="" type="reset" value="Cancel"> 
        	<input name="" type="button" value="Proceeed to Payment" onClick="window.location='<%= paymentmodeURL %>'">
     	</tr>
  	</table>
	</div>
</div>